<template>
  <div class="statistic">
    <span>共计</span>
    <span class="number">{{ props.total }}</span>
    <span>张发票</span>
    <span>，共</span>
    <span class="number">{{ formatMoney(props.sum) }}</span>
    <span>元</span>
  </div>
</template>

<script setup lang="ts">
import { formatMoney } from "@/utils/tools";

const props = defineProps({
  total: {
    type: Number,
    default: 0
  },
  sum: {
    type: Number,
    default: 0
  }
})
</script>

<style lang="scss" scoped>
.statistic {
  margin-left: 20px;
  margin-bottom: 10px;

  .number {
    margin: 0 8px;
    font-size: 16px;
    font-weight: bold;
  }
}
</style>
